/*
 * TABLE OF CONTENTS
 *
 * 1.  FONTS
 * 2.  CSS RESET
 * 3.  ANIMATIONS
 * 4.  ANIMATIONS CLASSES
 * 5.  GLOBAL ELEMENTS
 * 6.  VISABILITY
 * 7.  CONTAINERS
 * 8.  TOP LIGHT
 * 9.  GLASS BALL
 * 10. PAGE CONTENT
 * 11. BOXES
 * 12. SNOW BOX COUNTER
 * 13. FULLPAGE
 * 14. AUDIO PLAYER
 * 15. SOCIAL ICONS
 * 16. CONTACT FORM
 * 17. ALERTS
*/

/*
	FONTS
*/

@import url('21173f5f288e4aed93e576e4b4cd8555.css');

/*
	CSS RESET
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s,
samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output,
ruby, section, summary, time, mark, audio, video
{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{
	display:block;
}

ol, ul
{
	list-style:none;
}

blockquote, q
{
	quotes:none;
}

blockquote:before, blockquote:after, q:before, q:after
{
	content:'';
	content:none;
}

table
{
	border-collapse:collapse;
	border-spacing:0;
}

input, textarea
{
	-webkit-appearance:none;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}

/*
	ANIMATIONS
*/

@-moz-keyframes rotate
{
	100%
	{
		-moz-transform:rotateZ(360deg);
		-ms-transform:rotateZ(360deg);
		-o-transform:rotateZ(360deg);
		-webkit-transform:rotateZ(360deg);
		transform:rotateZ(360deg);
	}
}

@-ms-keyframes rotate
{
	100%
	{
		-moz-transform:rotateZ(360deg);
		-ms-transform:rotateZ(360deg);
		-o-transform:rotateZ(360deg);
		-webkit-transform:rotateZ(360deg);
		transform:rotateZ(360deg);
	}
}

@-webkit-keyframes rotate
{
	100%
	{
		-moz-transform:rotateZ(360deg);
		-ms-transform:rotateZ(360deg);
		-o-transform:rotateZ(360deg);
		-webkit-transform:rotateZ(360deg);
		transform:rotateZ(360deg);
	}
}

@keyframes rotate
{
	100%
	{
		-moz-transform:rotateZ(360deg);
		-ms-transform:rotateZ(360deg);
		-o-transform:rotateZ(360deg);
		-webkit-transform:rotateZ(360deg);
		transform:rotateZ(360deg);
	}
}

@-moz-keyframes sound
{
	0%
	{
		opacity:0.35;
		height:3px;
		top:14px;
	}
	
	100%
	{
		opacity:1;       
		height:28px;
		top:1px;
	}
}

@-ms-keyframes sound
{
	0%
	{
		opacity:0.35;
		height:3px;
		top:14px;
	}
	
	100%
	{
		opacity:1;       
		height:28px;
		top:1px;
	}
}

@-webkit-keyframes sound
{
	0%
	{
		opacity:0.35;
		height:3px;
		top:14px;
	}
	
	100%
	{
		opacity:1;       
		height:28px;
		top:1px;
	}
}

@keyframes sound
{
	0%
	{
		opacity:0.35;
		height:3px;
		top:14px;
	}
	
	100%
	{
		opacity:1;       
		height:28px;
		top:1px;
	}
}

@-moz-keyframes wobbleUp
{
	0%
	{
		margin-top:0px;
	}
	
	100%
	{
		margin-top:10px;
	}
}

@-ms-keyframes wobbleUp
{
	0%
	{
		margin-top:0px;
	}
	
	100%
	{
		margin-top:10px;
	}
}

@-webkit-keyframes wobbleUp
{
	0%
	{
		margin-top:0px;
	}
	
	100%
	{
		margin-top:10px;
	}
}

@keyframes wobbleUp
{
	0%
	{
		margin-top:0px;
	}
	
	100%
	{
		margin-top:10px;
	}
}

@-moz-keyframes wobbleDown
{
	0%
	{
		margin-bottom:0px;
	}
	
	100%
	{
		margin-bottom:10px;
	}
}

@-ms-keyframes wobbleDown
{
	0%
	{
		margin-bottom:0px;
	}
	
	100%
	{
		margin-bottom:10px;
	}
}

@-webkit-keyframes wobbleDown
{
	0%
	{
		margin-bottom:0px;
	}
	
	100%
	{
		margin-bottom:10px;
	}
}

@keyframes wobbleDown
{
	0%
	{
		margin-bottom:0px;
	}
	
	100%
	{
		margin-bottom:10px;
	}
}

@-moz-keyframes flipInX
{
	0%
	{
		-moz-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
		-ms-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
		-o-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
		-moz-transition-timing-function:ease-in;
		-o-transition-timing-function:ease-in;
		-webkit-transition-timing-function:ease-in;
		transition-timing-function:ease-in;
		opacity:0;
	}

	40%
	{
		-moz-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
		-ms-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
		-o-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
		-moz-transition-timing-function:ease-in;
		-o-transition-timing-function:ease-in;
		-webkit-transition-timing-function:ease-in;
		transition-timing-function:ease-in;
	}

	60%
	{
		-moz-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
		-ms-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
		-o-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
		-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity:1;
	}

	80%
	{
		-moz-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
		-ms-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
		-o-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
		-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
	}

	100%
	{
		-moz-transform:perspective(400px);
		-ms-transform:perspective(400px);
		-o-transform:perspective(400px);
		-webkit-transform:perspective(400px);
		transform:perspective(400px);
	}
}

@-ms-keyframes flipInX
{
	0%
	{
		-moz-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
		-ms-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
		-o-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
		-moz-transition-timing-function:ease-in;
		-o-transition-timing-function:ease-in;
		-webkit-transition-timing-function:ease-in;
		transition-timing-function:ease-in;
		opacity:0;
	}

	40%
	{
		-moz-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
		-ms-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
		-o-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
		-moz-transition-timing-function:ease-in;
		-o-transition-timing-function:ease-in;
		-webkit-transition-timing-function:ease-in;
		transition-timing-function:ease-in;
	}

	60%
	{
		-moz-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
		-ms-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
		-o-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
		-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity:1;
	}

	80%
	{
		-moz-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
		-ms-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
		-o-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
		-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
	}

	100%
	{
		-moz-transform:perspective(400px);
		-ms-transform:perspective(400px);
		-o-transform:perspective(400px);
		-webkit-transform:perspective(400px);
		transform:perspective(400px);
	}
}

@-webkit-keyframes flipInX
{
	0%
	{
		-moz-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
		-ms-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
		-o-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
		-moz-transition-timing-function:ease-in;
		-o-transition-timing-function:ease-in;
		-webkit-transition-timing-function:ease-in;
		transition-timing-function:ease-in;
		opacity:0;
	}

	40%
	{
		-moz-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
		-ms-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
		-o-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
		-moz-transition-timing-function:ease-in;
		-o-transition-timing-function:ease-in;
		-webkit-transition-timing-function:ease-in;
		transition-timing-function:ease-in;
	}

	60%
	{
		-moz-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
		-ms-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
		-o-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
		-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity:1;
	}

	80%
	{
		-moz-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
		-ms-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
		-o-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
		-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
	}

	100%
	{
		-moz-transform:perspective(400px);
		-ms-transform:perspective(400px);
		-o-transform:perspective(400px);
		-webkit-transform:perspective(400px);
		transform:perspective(400px);
	}
}

@keyframes flipInX
{
	0%
	{
		-moz-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
		-ms-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
		-o-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
		-moz-transition-timing-function:ease-in;
		-o-transition-timing-function:ease-in;
		-webkit-transition-timing-function:ease-in;
		transition-timing-function:ease-in;
		opacity:0;
	}

	40%
	{
		-moz-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
		-ms-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
		-o-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
		-moz-transition-timing-function:ease-in;
		-o-transition-timing-function:ease-in;
		-webkit-transition-timing-function:ease-in;
		transition-timing-function:ease-in;
	}

	60%
	{
		-moz-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
		-ms-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
		-o-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
		-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity:1;
	}

	80%
	{
		-moz-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
		-ms-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
		-o-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
		-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
	}

	100%
	{
		-moz-transform:perspective(400px);
		-ms-transform:perspective(400px);
		-o-transform:perspective(400px);
		-webkit-transform:perspective(400px);
		transform:perspective(400px);
	}
}

/* ANIMATIONS CLASSES */

.animated
{
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	-o-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	animation-fill-mode:both;
}

.rotate
{
	-moz-animation:rotate 20s infinite linear;
	-o-animation:rotate 20s infinite linear;
	-webkit-animation:rotate 20s infinite linear;
	animation:rotate 20s infinite linear;
}

.flipInX
{
	-moz-backface-visibility:visible !important;
	-webkit-backface-visibility:visible !important;
	backface-visibility:visible !important;
	-moz-animation-name:flipInX;
	-o-animation-name:flipInX;
	-webkit-animation-name:flipInX;
	animation-name:flipInX;
}

/*
	GLOBAL ELEMENTS
*/

html
{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	overflow-x:hidden;
}

*,
*:before,
*:after
{
	-webkit-box-sizing:inherit;
	-moz-box-sizing:inherit;
	box-sizing:inherit;
}

:focus
{
	outline: 0 !important;
}

body
{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	color:#fff;
	font-size:18px;
	font-weight:400;
	font-family:'Oswald', sans-serif;
	background-color:#000;
	line-height:1;
}

p
{
	line-height:1.45em;
}

h1, h2, h3, h4, h5, h6
{
	font-size:38px;
	margin-bottom:20px;
	text-transform:uppercase;
}

a, a:link, a:visited, a:hover, a:active
{
	color:#fff;
}

::-webkit-input-placeholder
{
	color:#555;
	opacity:1;
}

:-moz-placeholder
{
	color:#555;
	opacity:1;
}

::-moz-placeholder
{
	color:#555;
	opacity:1;
}

:-ms-input-placeholder
{
	color:#555;
	opacity:1;
}

@media screen and (max-width:767px)
{
	body
	{
		font-size:15px;
	}
	
	h1, h2, h3, h4, h5, h6
	{
		font-size:21px;
		margin-bottom:12px;
	}
}

@media screen and (max-width:359px)
{
	h1, h2, h3, h4, h5, h6
	{
		margin-bottom:12px;
	}
	
	p
	{
		line-height:1.3em;
	}
}

/* VISABILITY */

.hidden
{
	display:none !important;
}

.unvisible
{
	cursor:default;
	opacity:0 !important;
}

.visible
{
	opacity:1 !important;
}

/* CONTAINERS */

.container,
.container-fluid
{
	margin:0 auto;
	padding-left:15px;
	padding-right:15px;
	text-shadow:0 0 10px #000;
}

.table-container
{
	width:100%;
	height:100%;
	display:table;
}

.table-cell
{
	height:100%;
	display:table-cell;
	vertical-align:middle;
}

.bg-container
{
	width:100%;
	height:100%;
	margin:0 auto;
	max-width:1920px;
	background-color:#000;
	background-image:url('../images/bg.jpg');
	background-position:top center;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	overflow:hidden;
}

@media screen and (orientation:portrait)
{
	.container
	{
		width:90vw;
	}
}

@media screen and (orientation:landscape)
{
	.container
	{
		width:90vh;
	}
}

@media screen and (max-width:767px)
{
	.container
	{
		width:90%;
	}
}

/* TOP LIGHT */

.top-light
{
	top:0;
	left:0;
	width:100%;
	height:100%;
	content:'';
	z-index:100;
	display:block;
	position:absolute;
	max-width:100vw;
	max-height:100vh;
	background-image:url('../images/light.png');
	background-position:top center;
	background-repeat:no-repeat;
	background-size:contain;
	overflow:hidden;
}

/* GLASS BALL */

@media screen and (min-width:768px)
{
	.glass-ball
	{
		left:0;
		top:-15%;
		width:100%;
		height:130%;
		z-index:90;
		position:absolute;
		background-image:url('../images/glass-ball.png');
		background-position:center center;
		background-repeat:no-repeat;
		background-size:contain;
	}
}

/* PAGE CONTENT */

.page-content
{
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:110;
	position:absolute;
	text-align:center;
}

/* BOXES */

.snow-box
{
	width:90%;
	min-height:80px;
	margin:0 auto 0 auto;
	background-color:#f4f4f4;
	-moz-border-radius:3px;
	-webkit-border-radius:16px;
	border-radius:16px;
	position:relative;
	-moz-box-shadow:0 8px 20px rgba(0,0,0,0.8);
	-webkit-box-shadow:0 8px 20px rgba(0,0,0,0.8);
	box-shadow:0 8px 20px rgba(0,0,0,0.8);
}

.shadow-box
{
	padding:16px 0;
	background:-moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.23) 50%, rgba(0,0,0,0.2) 55%, rgba(0,0,0,0) 75%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background:-webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.23) 50%,rgba(0,0,0,0.2) 55%,rgba(0,0,0,0) 75%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background:radial-gradient(ellipse at center,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.23) 50%,rgba(0,0,0,0.2) 55%,rgba(0,0,0,0) 75%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

@media screen and (max-width:740px), screen and (max-height:740px)
{
	.snow-box:before
	{
		top:-6px;
		background-size:contain;
		height:32px;
	}
	
	.snow-box:after
	{
		top:-20px;
		right:-30px;
		width:57px;
		height:54px;
	}
}

@media screen and (orientation:portrait)
{
	.snow-box
	{
		max-width:80vw;
	}
}

@media screen and (orientation:landscape)
{
	.snow-box
	{
		max-width:72vh;
	}
}

@media screen and (max-width:359px)
{
	.shadow-box
	{
		padding:10px 0;
	}
}

/* SNOW BOX COUNTER */

.snow-box .countdown
{
	text-align:center;
	display:block;
	clear:both;
	padding-top:5px;
}

.snow-box .countdown:before,
.snow-box .countdown:after
{
	content:'';
	display:block;
	clear:both;
	width:100%;
	height:1px;
}
/******倒计时时间文字颜色*******/
.snow-box .countdown .countdown-box
{
	display:block;
	width:25%;
	float:left;
}

.snow-box .countdown .countdown-number
{
	margin:0;
	font-weight:700;
	display:block;
	color:#43a6f3;
	border-bottom:1px solid #b4b4b4;
	padding:15px 0;
}

.snow-box .countdown .countdown-title
{
	margin:0;
	color:#555;
	display:block;
	text-transform:uppercase;
	background-color:#e7e7e7;
	border-top:1px solid #fff;
	padding:15px 0;
}

.snow-box .countdown .countdown-box:first-child .countdown-title
{
	-webkit-border-bottom-left-radius: 16px;
	border-bottom-left-radius: 16px;
}

.snow-box .countdown .countdown-box:last-child .countdown-title
{
	-webkit-border-bottom-right-radius: 16px;
	border-bottom-right-radius: 16px;
}

@media screen and (orientation:portrait)
{
	.snow-box .countdown .countdown-number
	{
		font-size:8vw;
	}
	
	.snow-box .countdown .countdown-title
	{
		font-size:2.2vh;
	}
}

@media screen and (orientation:landscape)
{
	.snow-box .countdown .countdown-number
	{
		font-size:6.2vh;
	}
	
	.snow-box .countdown .countdown-title
	{
		font-size:2.8vh;
	}
}

/* FULLPAGE */

#fp-nav
{
	z-index:200;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span
{
	background-color:#eee;
}



.fp-prev, .fp-prev:link, .fp-prev:visited, .fp-prev:hover, .fp-prev:active .fp-next, .fp-next:link, .fp-next:visited, .fp-next:hover, .fp-next:active
{
	width:30px;
	height:36px;
	z-index:400;
	font-size:18px;
	position:fixed;
	line-height:30px;
	margin-left:-15px;
	border:2px solid rgba(240, 240, 240, 0.6);
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
	text-align:center;
	-moz-border-radius:30%;
	-webkit-border-radius:30%;
	border-radius:30%;
	display:block;
	color:#eee;
	left:50%;
}

.fp-prev
{
	top:4vh;
}

.fp-next
{
	bottom:4vh;
}

.fp-next[data-section="2"]
{
	-moz-animation:wobbleDown 1s ease-in-out 0s infinite alternate;
	-o-animation:wobbleDown 1s ease-in-out 0s infinite alternate;
	-webkit-animation:wobbleDown 1s ease-in-out 0s infinite alternate;
	animation:wobbleDown 1s ease-in-out 0s infinite alternate;
}

/* AUDIO PLAYER */

.audio-player-container
{
	width:100%;
	display:block;
	position:fixed;
	z-index:300;
}

.audio-player
{
	margin:0 auto;
}

.audio-bars
{
	float:right;
	width:40px;
	height:30px;
	margin-top:4vh;
	margin-right:20px;
	position:relative;
	display:block;
}

.audio-bar
{
	width:3px;
	height:3px;
	bottom:1px;
	background:#fff;
	position:absolute;
	-moz-animation:sound 0ms -800ms linear infinite alternate;
	-o-animation:sound 0ms -800ms linear infinite alternate;
	-webkit-animation:sound 0ms -800ms linear infinite alternate;
	animation:sound 0ms -800ms linear infinite alternate;
}

.audio-bar:nth-child(1)
{
	left:1px;
	-moz-animation-duration:474ms;
	-o-animation-duration:474ms;
	-webkit-animation-duration:474ms;
	animation-duration:474ms;
}

.audio-bar:nth-child(2)
{
	left:5px;
	-moz-animation-duration:433ms;
	-o-animation-duration:433ms;
	-webkit-animation-duration:433ms;
	animation-duration:433ms;
}

.audio-bar:nth-child(3)
{
	left:9px;
	-moz-animation-duration:407ms;
	-o-animation-duration:407ms;
	-webkit-animation-duration:407ms;
	animation-duration:407ms;
}

.audio-bar:nth-child(4)
{
	left:13px;
	-moz-animation-duration:458ms;
	-o-animation-duration:458ms;
	-webkit-animation-duration:458ms;
	animation-duration:458ms;
}

.audio-bar:nth-child(5)
{
	left:17px;
	-moz-animation-duration:400ms;
	-o-animation-duration:400ms;
	-webkit-animation-duration:400ms;
	animation-duration:400ms;
}

.audio-bar:nth-child(6)
{
	left:21px;
	-moz-animation-duration:427ms;
	-o-animation-duration:427ms;
	-webkit-animation-duration:427ms;
	animation-duration:427ms;
}

.audio-bar:nth-child(7)
{
	left:25px;
	-moz-animation-duration:441ms;
	-o-animation-duration:441ms;
	-webkit-animation-duration:441ms;
	animation-duration:441ms;
}

.audio-bar:nth-child(8)
{
	left:29px;
	-moz-animation-duration:419ms;
	-o-animation-duration:419ms;
	-webkit-animation-duration:419ms;
	animation-duration:419ms;
}

.audio-bar:nth-child(9)
{
	left:33px;
	-moz-animation-duration:487ms;
	-o-animation-duration:487ms;
	-webkit-animation-duration:487ms;
	animation-duration:487ms;
}

.audio-bar:nth-child(10)
{
	left:37px;
	-moz-animation-duration:442ms;
	-o-animation-duration:442ms;
	-webkit-animation-duration:442ms;
	animation-duration:442ms;
}

.audio-player.on .audio-bar
{
	-moz-animation-play-state:running;
	-o-animation-play-state:running;
	-webkit-animation-play-state:running;
	animation-play-state:running;
}

.audio-player.off .audio-bar
{
	-moz-animation-play-state:paused;
	-o-animation-play-state:paused;
	-webkit-animation-play-state:paused;
	animation-play-state:paused;
}

@media screen and (orientation:portrait)
{
	.audio-player
	{
		width:100vw;
	}
}

@media screen and (orientation:landscape)
{
	.audio-player
	{
		width:100vh;
	}
	
	.audio-bars
	{
		margin-right:-60px;
	}
}

@media screen and (max-width:767px)
{
	.audio-player
	{
		width:100%;
	}
}

/* SOCIAL ICONS */

.social-icons
{
	padding:0;
	margin:7px 0;
	display:inline-block;
	text-align:center;
	list-style-type:none;
	vertical-align:middle;
}

.social-icons li
{
	margin:0 10px;
	display:inline-block;
}

.social-icons li:last-child
{
	padding-right:0;
}

.social-icons li a, .social-icons li a:link, .social-icons li a:visited
{
	color:#fff;
	font-size:24px;
	width:45px;
	height:45px;
	text-align:center;
	line-height:35px;
	display:inline-block;
	border:2px solid #eee;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
	background-color:rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 5px rgba(0,0,0,0.8);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.8);
	box-shadow:0 0 5px rgba(0,0,0,0.8);
	text-shadow:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.social-icons li a:hover, .social-icons li a:active
{
	background-color:#43A6F3;
	border-color:#43A6F3;
}

@media (max-width:767px)
{
	.social-icons li
	{
		margin:0 5px;
	}
	
	.social-icons li a, .social-icons li a:link, .social-icons li a:visited
	{
		font-size:21px;
		width:35px;
		height:35px;
		line-height:30px;
	}
}

/* CONTACT FORM */

.contact
{
	width:70%;
	margin:10px auto;
}

.form-control,
.form-control:focus
{
	width:100%;
	color:#111;
	margin:2px 0;
	display:block;
	font-size:18px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	font-weight:400;
	padding:5px 12px;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
	border:2px solid #eee;
	font-family:'Oswald', sans-serif;
	background-color:rgba(255,255,255,0.7);
	-moz-box-shadow:inset 0 2px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow:inset 0 2px 2px rgba(0,0,0,0.3);
	box-shadow:inset 0 2px 2px rgba(0,0,0,0.3);
}

.form-control:focus
{
	background-color:rgba(255,255,255,0.85);
}

.btn-submit,
.btn-submit:link,
.btn-submit:visited,
.btn-submit:hover,
.btn-submit:active
{
	color:#fff;
	width:100%;
	margin:2px 0;
	cursor:pointer;
	font-size:18px;
	padding:5px 12px;
	display:inline-block;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
	border:2px solid #43A6F3;
	background-color:#43A6F3;
	font-family:'Oswald', sans-serif;
	text-decoration:none;
}

.btn-submit:hover,
.btn-submit:focus
{
	background-color:#0c95ff;
}

.btn-default,
.btn-default:link,
.btn-default:visited,
.btn-default:hover,
.btn-default:active
{
	color:#fff;
	font-size:24px;
	text-align:center;
	display:inline-block;
	border:2px solid #eee;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
	background-color:rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 5px rgba(0,0,0,0.8);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.8);
	box-shadow:0 0 5px rgba(0,0,0,0.8);
	text-transform:uppercase;
	text-decoration:none;
	text-shadow:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:15px 50px;
}

.btn-default:hover,
.btn-default:active
{
	background-color:#43A6F3;
	border-color:#43A6F3;
}

@media (max-width:767px)
{
	.contact
	{
		width:100%;
	}
	
	.form-control, .btn-submit
	{
		padding:2px 12px;
	}
}

/* ALERTS */

.alert
{
	display:block;
	padding:10px 12px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	text-shadow:none;
	margin:2px 0;
}

.alert-danger
{
	background-color:rgba(236,98,98,0.85);
}

.alert-success
{
	background-color:rgba(150,220,120,0.85);
}